<!DOCTYPE html>
<html>
	<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>订单支付</title>
    <script src="__JS__/mui.min.js"></script>
    <link href="__CSS__/mui.min.css" rel="stylesheet"/>
    <link href="__CSS__/base.css" rel="stylesheet" />
    <link href="__CSS__/index.css" rel="stylesheet" />
	</head>
	<body>
		<header class="app_header">
			<div class="back"></div>
			订单支付
		</header>
		
		<section>
			<div class="pay_info">请选择你的支付方式</div>
			<input type="hidden" value="{$tradeid}" id="tradeid"/>
			<div class="pay_wechat"><img src="__IMG__/wechat.png"/><div class="area-center" id="pay_wechat">微信支付</div></div>
			<div class="pay_unline"><img src="__IMG__/bank.png"/><div class="area-center" id="pay_unline">线下支付</div></div>
		</section>
	</body>
	<script type="text/javascript" src="__JS__/filexible_css.js" ></script>
	<script type="text/javascript" src="__JS__/flexible.js" ></script>
	<script>
		mui.init();
		mui("body").on("tap",".back",function(){
			window.history.back();
		});
		mui("body").on("tap","#pay_wechat",function(){
			mui.alert("暂不开放,请选择线下支付");
		})
		mui("body").on("tap","#pay_unline",function(){
			var tradeid=mui("#tradeid")[0].value;
			mui.post("{:U('payNext')}",{tradeid:tradeid},function(json){
				var data=eval(json);
				mui.alert(data.info);
				if(data.status==1){
					window.location.href=data.url;
				}
			})
		})
	</script>
</html>
